<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <title>UNIS Design System v4</title>
    <meta name="author" content="">
    <meta name="generator" content="">
    <link rel="stylesheet" href="../../../../css/bootstrap.css">
    <link rel="stylesheet" href="../../../../styles/global.css">
    <link rel="stylesheet" href="../../../../css/unis.css">
    <link rel="stylesheet" href="../../../parcel-project/parcel-project.css">
    <link href="../styles/monokai_sublime.min.css" rel="stylesheet">
    <script type="text/javascript" src="./js/vue.js"></script>
</head>
<body>
  <img src="./24px/unis-logo.svg"
<div class="container-fluid" id="app">
<div class="unis-login-container" style="position:relative">
    <div class="unis-login-section">
        <div class="required-fields">*All fields are required unless otherwise specified</div>
        <div class="unis-login-section">
            <div class="unis-login-put">
                <label>Email or Username</label>
                <input class="unis-put" placeholder="Put email or username here">
            </div>
            <div class="unis-login-put">
                <label>Password</label>
                <input class="unis-put" placeholder="Password here">
            </div>
            <div class="unis-login-help">
                <div class="unis-login-help-link-one">
                    <div class="unis-checkbox">
                        <input type="checkbox" name="1" id="ch1">
                        <label class="unis-checkbox-style" for="ch1"></label>
                        <span>Remember Me</span>
                    </div>
                </div>
                <div class="unis-login-help-link-two">
                    <button class="unis-btn unis-btn-text">Forgot Password?</button>
                </div>
            </div>
            <div class="unis-login-help"></div>
            <button class="unis-btn unis-btn-primary unis-lag">Sign In</button>
        </div>
        <div class="bottom-box">Do not have an account?
            <div class="bottom-box-link">
                <button class="unis-btn unis-btn-text">Sign Up Now</button>
            </div>
        </div>
    </div>
</div>

</div>
<script src="./js/beautify2.js" type="text/javascript"></script>
<script src="./js/beautify-css2.js" type="text/javascript"></script>
<script src="./js/beautify-html2.js" type="text/javascript"></script>
<script src="js/jquery.min.js"></script>
<script src="../js/highlight.min.js"></script>
<script type="text/javascript">
    Vue.config.debug = true;
    app = new Vue({
        el: "#app",

    });
</script>
<script>
    $(document).ready(function () {
        var navHeight = $("#navHeight").offset().top;
        var navFix = $("#nav-wrap");
        $(window).scroll(function () {
            if ($(this).scrollTop() > navHeight) {
                navFix.addClass("navAside");
            }
            else {
                navFix.removeClass("navAside");
            }
        })
    });
    $('.nav-wrap').navScroll({
        mobileDropdown: false,
        mobileBreakpoint: 0,
        scrollSpy: true
    });
</script>

<script>
    var opts = {
        'indent_size': 4,
        'indent_char': ' ',
        'max_char': 300,
        'brace_style': 'expand',
    }
    var source = document.getElementsByClassName('code');
    for (var i = 0; i < source.length; i++) {
        source[i].innerHTML = style_html(source[i].innerHTML, opts).replace(/</g, "&lt;");
    }

</script>
<script>
    hljs.initHighlightingOnLoad();
</script>
</body>
</html>
